<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品分类</title>
    <style type="text/css">
        *{
            margin: 0 auto;
            padding: 0;
            font-family: 微软雅黑;
        }
        .zd{
            height: 36px;
            background-color: #353435;
            min-width: 1200px;
        }
        .zd1{
            height: 36px;
            background-color: #353435;
            width: 1200px;
            color:#605D5E;
            position: relative;

        }
        .zd1_1{
            font-size: 10px;
            line-height: 36px;
            margin-left: 0px;
            position: relative;
            width: 460px;
        }
        .zd1_2{
            font-size: 10px;
            line-height: 36px;
            position: absolute;top: 0px;right: 0px;
        }
        .zd1_2 a{
            color:#C1BEC0;
        }
        .tool{
            background-image: url("../rouimg/quanju/tool.png");
            background-repeat: no-repeat;
            height: 20px;
            background-position:0px -268px;
        }

        .zd1_1 a{
            color:#C1BEC0;
        }
        a{text-decoration: none;}

        .logo{
            width: 1200px;
            height: 90px;
            position: relative;
        }
        .logo1{
            width: 150px;
            height: 40px;
            margin-top: 30px;
            margin-left: 0px;
        }
        .logo2{
            width: 536px;
            height:48px;
            margin-left: 480px;
            margin-top: -51px;

        }
        .mytext{
            width: 458px;
            height: 48px;
            border: 1px solid #2FAB3C;
            text-indent: 16px;
        }
        .mybutton{
            width: 76px;
            height: 50px;
            border:none;
            background-color: #2FAB3C;
            float: right;
        }
        .logo3{
            border: 1px solid #D9D8DA;
            width: 150px;
            height: 48px;
            position: absolute;right: 0px;top: -10px;
            background-color: #f6f6f6;
            font-size: 14px;
            line-height: 50px;
        }
        .myspan1{
            background-image: url("../rouimg/quanju/tool.png");
            background-repeat: no-repeat;
            margin-left: 20px;
        }
        .myspan2{
            color: #c9c8ca;
        }
        .logo4{
            font-size: 14px;
            position: absolute;left: 480px;top: 56px;
        }
        .logo4 a{
            color:#9B989B;
        }
        .logo4 a:hover{
            color: #3b3b3b;
        }
        .daohang{
            width:1200px;
            height: 40px;
            position:relative;
        }
        .daohang1{
            width: 210px;
            background-color: #353435;
            height: 40px;
            color: white;
            position: absolute;left: 0px;
        }
        .dhdiv{
            background-image: url("../rouimg/quanju/tool.png");
            background-repeat: no-repeat;
            width: 26px;
            height: 20px;
            background-position:0px -300px;
            position: absolute;left: 34px;top: 7px;
        }
        .daohang1>span{
            position: absolute;left: 68px;top: 7px;
        }
        .daohang2{
            height: 40px;
            line-height: 40px;
            margin-left: 248px;
        }
        .daohang2 a{
            color: black;
        }
        .ztop{
            height: 196px;
            min-width: 1200px;
            border-top: 1px solid black;
            background-color: #ffffff;
        }
        .ztop1{
            height: 196px;
            width: 1200px;
            position: relative;
        }
        .ztop2{
            height: 48px;
            border-bottom: 1px solid #ede7e9;
            font-size:14px;
            color: #848484;
            line-height: 48px;
            position: relative;
        }
        .ztop3{
            height: 48px;
            font-size:14px;
            color: #848484;
            line-height: 48px;
            position: relative;
        }
        .zspan1{
            font-size: 16px;
            color: black;
        }
        .zspan2{
            font-size: 14px;
            color: black;
        }
        .ztop2_2{
            font-size:14px;
            color: black;
            width: 65px;
            float: left;
        }
        .ztop2_3{
            width: 112px;
            float: left;
        }
        .ztop2_3 a{
            color:  #848484;
        }
        .ztop2_3tu{
            width: 20px;
            height: 20px;
            background-image: url("../rouimg/quanju/info.png");
            background-position: left -10px top -10px;
            margin-right: 0px;
            margin-top: -36px;
        }
        .ztop2_4{
            font-size:14px;
            color: #2cab3b;
            line-height: 48px;
            width: 112px;
            float: left;
        }
        .xuanze{
            margin-top: 18px;
            margin-left: -130px;
        }
        .dise{
            background-color: #f6f6f6;
            min-width: 1200px;


        }
        .shanpin1{
            width:1200px;
            margin-top: 18px;
            height: 300px;
        }
        .shanpin2{
            width:1200px;
            margin-top: 12.5px;
            height: 300px;
        }
        .shanpin1_1{
            width: 230px;
            background-color: #ffffff;
            height: 300px;
            float: left;
            margin-right: 12.5px;
            text-align: center;
        }
        .shanpin1_2{
            width: 230px;
            background-color: #ffffff;
            height: 300px;
            float:right;
            text-align: center;
        }
        .shanpin1tu1{
            width: 230px;
            height: 200px;
            margin-top: 30px;
        }
        .shanpin1wenzi1{
            height: 34px;
            line-height: 34px;
            font-size: 14px;
        }
        .shanpin1wenzi1 a{
            color: black;
        }
        .shanpin1wenzi2{
            font-size: 14px;
        }
        .shanpin1wenzi2 a{
            color: red;
        }
        .shanpindibu{
            height: 105px;
            width: 1200px;
            text-align: center;
        }
        .shanpin1wenzi3{
            border: 1px solid #dedede;
            height: 35px;
            width: 55px;
            background-color: #ffffff;
            line-height: 35px;
            float: left;
            margin-right: 7px;
        }
        .shanpin1wenzi3 a{
            color: #dedede;
        }
        .shanpin1wenzi4{
            border: 1px solid #dedede;
            height: 35px;
            width: 75px;
            background-color: #ffffff;
            line-height: 35px;
            float: left;
            margin-right: 7px;
        }
        .shanpin1wenzi4 a{
            color: #dedede;
        }
        .shanpin1wenzi5{
            background-color: #2cab3b;
            height: 35px;
            width: 32px;
            line-height: 35px;
            float: left;
            margin-right: 7px;
            border: 1px solid #2cab3b;
        }
        .shanpin1wenzi5 a{
            color: #dedede;
        }
        .shanpin1wenzi6{
            border: 1px solid #dedede;
            height: 35px;
            width: 32px;
            background-color: #ffffff;
            line-height: 35px;
            float: left;
            margin-right: 7px;
        }
        .shanpin1wenzi6 a{
            color: black;
        }
        .shanpin1wenzi7{
            border: 1px solid #dedede;
            height: 35px;
            width: 75px;
            background-color: #ffffff;
            line-height: 35px;
            float: left;
            margin-right: 7px;
        }
        .shanpin1wenzi7 a{
            color: black;
        }
        .shanpin1wenzi8{
            background-color: #ffffff;
            height: 35px;
            width: 55px;
            line-height: 35px;
            float: left;
            margin-right: 7px;
            border: 1px solid #dedede;
        }
        .shanpin1wenzi8 a{
            color: black;
        }
        .shanpindibu1{
            height: 35px;
            margin-top: 70px;
            margin-left: 415px;
        }

        .dibu{
            height: 410px;
            min-width: 1200px;
        }
        .dibutop{
            width: 1200px;
            height: 78px;
            position: relative;
            margin-top: 16px;
        }
        .dibuzhongg{
            min-width: 1200px;
            height: 250px;
            position: relative;
            border: 1px solid #ede7e9;
        }
        .dibuzhong{
            width: 1200px;
            height: 250px;
        }
        .dibubottom{
            width: 1200px;
            height: 80px;
            line-height: 80px;
            text-align: center;
        }
        .dibubottom>div{
            color: #858588;
            font-size: 12px;
        }
        .dibutop1{
            width: 299px;
            height: 60px;
            float: left;
            border-right: 1px solid #ede7e9;
            margin-top: 2px;
        }
        .dibutop2{
            width: 299px;
            height: 60px;
            float: left;
            margin-top: 2px;
        }

        .toptu1{
            margin-top: 12px;
            margin-left: 80px;
        }
        .toptu2{
            margin-top: 12px;
            margin-left: 80px;
        }
        .shuzi{
            font-size: 18px;
            color: #2fab3c;
            margin-left: 95px;
            margin-top: -36px;
        }
        .shuzi2{
            font-size: 18px;
            color: #2fab3c;
            margin-left: 91px;
            margin-top: -36px;
        }
        .shuziwenzi{
            font-size:18px;
            margin-left: 130px;
            margin-top: -24px;
        }
        .dibuzhong1{
            width: 200px;
            height: 250px;
            float: left;
        }
        .dibuzhong1_1{
            width: 200px;
            height: 35px;
            margin-top: 35px;
            line-height: 30px;
        }
        .dibuzhong1_2{
            width: 200px;
            height: 30px;
            font-size: 12px;
            line-height: 30px;
        }
        .dibuzhong1_2 a{
            color: #858588;
        }
        .dibuzhong1_3{
            width: 200px;
            height: 35px;
            margin-top: 20px;
            line-height: 30px;
        }
    </style>

        </head>

<body>
<div class="zd">
    <div class="zd1">
        <div class="zd1_1">
            <a href="#">大客户采购</a>　
            <a href="#">帮助中心</a>　
            <a href="#">收藏本站</a>　
            <a href="#">商品入驻</a>　
            <a href="#">老人手环申请</a>　
            <a href="#" class="tool">　　 手机商城
            </a></div>
        <div class="zd1_2">
            <a href="#">登录</a>　
            <a href="#">注册</a>　|　
            <a href="#">F码购买</a>　
            <a href="#">我的订单</a>
        </div>
    </div></div>

    <div class="logo">
        <div class="logo1"><img
                src="../rouimg/quanju/logo.png" style="height:
46px;"></div>
        <div class="logo2">
            <input type="text" class="mytext" value="极米
无屏电视" style="color:#9B989B; font-size: 14px;">
            <button class="mybutton"><img
                    src="../img/seach_03.png"style="width: 22px;height:
24px;"></button>
        </div>
        <div class="logo3"><span class="myspan1">　　我的
购物车</span><span class="myspan2">(0)</span></div>
        <div class="logo4">
            <a href="#">手机N4A</a>
            <a href="#">儿童手表5C</a>
            <a href="#">儿童机器人</a>
            <a href="#">安全路由器5G</a>
        </div>
    </div>
    <div class="daohang">
        <div class="daohang1"><div
                class="dhdiv"></div><span>全部智能酷品</span></div>
        <div class="daohang2">
            <a href="#">手机</a>　
            <a href="#">行车记录仪</a>　
            <a href="#">儿童手表</a>　
            <a href="#">摄像机</a>　
            <a href="#">路由器</a>　
            <a href="#">儿童机器人</a>　
            <a href="#">老人手表</a>　
            <a href="#">智品牌</a>　
            <a href="#">社区</a></div>
    </div>
    <div class="dise">
        <div class="ztop">
        <div class="ztop1">
            <div class="ztop2">首页 <span class="zspan2">></span> 全部搜索结果 > 无人机/机器人 > <span class="zspan1" c>全部</span></div>
            <div class="ztop2">
                <div class="ztop2_2">分类:</div>
                <div class="ztop2_3"><a href="#">智能机器人</a></div>
                <div class="ztop2_3"><a href="#">无人机</a></div>
            </div>
            <div class="ztop2">
                <div class="ztop2_2">品牌:</div>
                <div class="ztop2_3"><a href="#">小勇</a></div>
                <div class="ztop2_3"><a href="#">零度智控</a></div>
                <div class="ztop2_3"><a href="#">小鱼在家</a></div>
                <div class="ztop2_3"><a href="#">派宝</a></div>
                <div class="ztop2_3"><a href="#">普宙</a></div>
                <div class="ztop2_3"><a href="#">疆域</a></div>
                <div class="ztop2_3"><a href="#">派</a></div>
                <div class="ztop2_3"><a href="#">小西</a></div>
                <div class="ztop2_3"><a href="#">明机器人</a></div>
                <span class="zspan3">　　　　查看更多</span><div class="ztop2_3tu"></div>
            </div>
            <div class="ztop3">
                <div class="ztop2_2">排序:</div>
                <div class="ztop2_4">默认</div>
                <div class="ztop2_4">价格</div>
                <input type="checkbox" class="xuanze">  <div class="ztop2_3">仅看有货产品</div>
            </div>
        </div>
    </div>

        <div class="shanpin1">
            <div class="shanpin1_1">
                <div class="shanpin1tu1"><a href="#"><img src="../rouimg/fenlei/cate_1.jpeg"></a> </div>
                <div class="shanpin1wenzi1"><a href="#">360儿童机器人AR版</a></div>
                <div class="shanpin1wenzi2"><a href="#">1499元</a></div>
            </div>
            <div class="shanpin1_1">
                <div class="shanpin1tu1"><a href="#"><img src="../rouimg/fenlei/cate_2.jpeg"></a> </div>
                <div class="shanpin1wenzi1"><a href="#">小勇商务投影机器人 Y20A(皓月</a></div>
                <div class="shanpin1wenzi2"><a href="#">6888元</a></div>
            </div>
            <div class="shanpin1_1">
                <div class="shanpin1tu1"><a href="#"><img src="../rouimg/fenlei/cate_3.jpeg"></a> </div>
                <div class="shanpin1wenzi1"><a href="#">PadBot派宝U1机器人</a></div>
                <div class="shanpin1wenzi2"><a href="#">2699元</a></div>
            </div>
            <div class="shanpin1_1">
                <div class="shanpin1tu1"><a href="#"><img src="../rouimg/fenlei/cate_4.jpeg"></a> </div>
                <div class="shanpin1wenzi1"><a href="#">小勇商务投影机器人 Y20A(太空</a></div>
                <div class="shanpin1wenzi2"><a href="#">6888元</a></div>
            </div>
            <div class="shanpin1_2">
                <div class="shanpin1tu1"><a href="#"><img src="../rouimg/fenlei/cate_5.jpeg"></a> </div>
                <div class="shanpin1wenzi1"><a href="#">零度智控（zerotech）DOBBY口袋</a></div>
                <div class="shanpin1wenzi2"><a href="#">2899元</a></div>
            </div>
        </div>
        <div class="shanpin2">
            <div class="shanpin1_1">
                <div class="shanpin1tu1"><a href="#"><img src="../rouimg/fenlei/cate_6.jpeg"></a> </div>
                <div class="shanpin1wenzi1"><a href="#">360儿童机器人AR版</a></div>
                <div class="shanpin1wenzi2"><a href="#">1499元</a></div>
            </div>
            <div class="shanpin1_1">
                <div class="shanpin1tu1"><a href="#"><img src="../rouimg/fenlei/cate_7.jpeg"></a> </div>
                <div class="shanpin1wenzi1"><a href="#">小勇商务投影机器人 Y20A(皓月</a></div>
                <div class="shanpin1wenzi2"><a href="#">6888元</a></div>
            </div>
            <div class="shanpin1_1">
                <div class="shanpin1tu1"><a href="#"><img src="../rouimg/fenlei/cate_8.jpeg"></a> </div>
                <div class="shanpin1wenzi1"><a href="#">PadBot派宝U1机器人</a></div>
                <div class="shanpin1wenzi2"><a href="#">2699元</a></div>
            </div>
            <div class="shanpin1_1">
                <div class="shanpin1tu1"><a href="roumingxi.html" target="_blank"><img src="../rouimg/fenlei/cate_9.jpeg"></a> </div>
                <div class="shanpin1wenzi1"><a href="roumingxi.html" target="_blank">普宙BYRD Premium1.0专业四轴航</a></div>
                <div class="shanpin1wenzi2"><a href="roumingxi.html" target="_blank">6488元</a></div>
            </div>
            <div class="shanpin1_2">
                <div class="shanpin1tu1"><a href="#"><img src="../rouimg/fenlei/cate_10.jpeg"></a> </div>
                <div class="shanpin1wenzi1"><a href="#">零度智控（zerotech）DOBBY口袋</a></div>
                <div class="shanpin1wenzi2"><a href="#">2899元</a></div>
            </div>
        </div>
        <div class="shanpin2">
            <div class="shanpin1_1">
                <div class="shanpin1tu1"><a href="#"><img src="../rouimg/fenlei/cate_11.jpeg"></a> </div>
                <div class="shanpin1wenzi1"><a href="#">360儿童机器人AR版</a></div>
                <div class="shanpin1wenzi2"><a href="#">1499元</a></div>
            </div>
            <div class="shanpin1_1">
                <div class="shanpin1tu1"><a href="#"><img src="../rouimg/fenlei/cate_12.jpeg"></a> </div>
                <div class="shanpin1wenzi1"><a href="#">小勇商务投影机器人 Y20A(皓月</a></div>
                <div class="shanpin1wenzi2"><a href="#">6888元</a></div>
            </div>
            <div class="shanpin1_1">
                <div class="shanpin1tu1"><a href="#"><img src="../rouimg/fenlei/cate_13.jpeg"></a> </div>
                <div class="shanpin1wenzi1"><a href="#">PadBot派宝U1机器人</a></div>
                <div class="shanpin1wenzi2"><a href="#">2699元</a></div>
            </div>
            <div class="shanpin1_1">
                <div class="shanpin1tu1"><a href="#"><img src="../rouimg/fenlei/cate_14.jpeg"></a> </div>
                <div class="shanpin1wenzi1"><a href="#">小勇商务投影机器人 Y20A(太空</a></div>
                <div class="shanpin1wenzi2"><a href="#">6888元</a></div>
            </div>
            <div class="shanpin1_2">
                <div class="shanpin1tu1"><a href="#"><img src="../rouimg/fenlei/cate_15.jpeg"></a> </div>
                <div class="shanpin1wenzi1"><a href="#">零度智控（zerotech）DOBBY口袋</a></div>
                <div class="shanpin1wenzi2"><a href="#">2899元</a></div>
            </div>
        </div>
        <div class="shanpindibu">
            <div class="shanpindibu1">
            <div class="shanpin1wenzi3"><a href="#">首页</a></div>
            <div class="shanpin1wenzi4"><a href="#">上一页</a></div>
            <div class="shanpin1wenzi5"><a href="#">1</a></div>
            <div class="shanpin1wenzi6"><a href="#">2</a></div>
            <div class="shanpin1wenzi7"><a href="#">下一页</a></div>
            <div class="shanpin1wenzi8"><a href="#">尾页</a></div>
            </div>
        </div>
    </div>

    <div class="dibu">
        <div class="dibutop">
            <div class="dibutop1">
                <img class="toptu1" src="../rouimg/quanju/yuan.png">
                <div class="shuzi">7</div>
                <div class="shuziwenzi">7天无理由退货</div>
            </div>
            <div class="dibutop1">
                <img class="toptu1" src="../rouimg/quanju/yuan.png">
                <div class="shuzi2">15</div>
                <div class="shuziwenzi">15天免费换货</div>
            </div>
            <div class="dibutop1">
                <img class="toptu1" src="../rouimg/quanju/yuan.png">
                <div class="shuzi2">包</div>
                <div class="shuziwenzi">满99元包邮</div>
            </div>
            <div class="dibutop2">
                <img class="toptu2" src="../rouimg/quanju/yuan.png">
                <div class="shuzi2">服</div>
                <div class="shuziwenzi">手机特色服务</div>
            </div>
        </div>
        <div class="dibuzhongg">
            <div class="dibuzhong">
                <div class="dibuzhong1">
                    <div class="dibuzhong1_1">帮助中心</div>
                    <div class="dibuzhong1_2"><a href="#">用户注册</a></div>
                    <div class="dibuzhong1_2"><a href="#">用户登录与密码找回</a></div>
                    <div class="dibuzhong1_2"><a href="#">购买指南</a></div>
                    <div class="dibuzhong1_2"><a href="#">支付方式</a></div>
                    <div class="dibuzhong1_2"><a href="#">配送与说明</a></div>
                </div>
                <div class="dibuzhong1">
                    <div class="dibuzhong1_1">售后服务</div>
                    <div class="dibuzhong1_2"><a href="#">7 日无理由退货</a></div>
                    <div class="dibuzhong1_2"><a href="#">质量问题 15 日内换货</a></div>
                    <div class="dibuzhong1_2"><a href="#">保修条款</a></div>
                    <div class="dibuzhong1_2"><a href="#">服务流程</a></div>
                    <div class="dibuzhong1_2"><a href="#">安迷之家</a></div>
                </div>
                <div class="dibuzhong1">
                    <div class="dibuzhong1_1">特色服务</div>
                    <div class="dibuzhong1_2"><a href="#">F码通道</a></div>
                    <div class="dibuzhong1_2"><a href="#">360 生态</a></div>
                </div>
                <div class="dibuzhong1">
                    <div class="dibuzhong1_1">推广合作</div>
                    <div class="dibuzhong1_2"><a href="#">商品入驻</a></div>
                    <div class="dibuzhong1_2"><a href="#">大客户采购</a></div>
                </div>
                <div class="dibuzhong1">
                    <div class="dibuzhong1_1">关注柔柔商城</div>
                    <div class="dibuzhong1_2"><a href="#">柔柔柔商城大事记</a></div>
                </div>
                <div class="dibuzhong1">
                    <div class="dibuzhong1_1">联系我们</div>
                    <div class="dibuzhong1_3">
                        <a href="#"><img src="../rouimg/quanju/onserver.png"></a>&nbsp;
                        <a href="#"><img src="../rouimg/quanju/weixin.png"></a>&nbsp;
                        <a href="#"><img src="../rouimg/quanju/xinlang.png"></a>
                    </div>
                </div>
            </div></div>
        <div class="dibubottom">
            <div>柔柔柔商城&copy;2013-2016 公司版权所有 京ICP备08010314号-43 京公网安备11000002000006号</div>
        </div></div>
</div>

</body>
</html>